<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link type="text/css"
	href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>配送点管理</title>
</head>
<script type="text/javascript">
	$(function() {
		$('#dg').datagrid({
			url : 'showAllStation',
			fitColumns : true,
			pagination : true,
			toolbar : [ {
				iconCls : 'icon-add',
				text : "新建配送点",
				handler : function() {
					//显示窗口
					$('#win').window('open');
					//清空文本框
					$('#tb1').textbox('clear');
					$('#tb2').textbox('clear');
					$('#tb3').textbox('clear');
					$('#tb4').textbox('clear');
					$('#tb5').textbox('clear');
					$('#tb6').textbox('clear');
				}
			}, '-', {
				iconCls : 'icon-edit',
				text : "更改配送点信息",
				handler : function() {
					var up = $('#dg').datagrid('getSelections');
					if (up.length == 1) {
						$('#win1').window('open');
						//赋值
						$('#tb11').textbox('setValue', up[0].disid);
						$('#tb11').textbox('textbox').attr('readonly', true);
						$('#tb22').textbox('setValue', up[0].disname);
						$('#tb33').textbox('setValue', up[0].distype);
						$('#tb44').textbox('setValue', up[0].disstate);
						$('#tb55').textbox('setValue', up[0].uid);
						$('#tb55').textbox('setText', up[0].uname);
						$('#tb66').textbox('setValue', up[0].disscope);
						$('#tb77').textbox('setValue', up[0].disprice);
						$('#tb88').textbox('setValue', up[0].instationId);
						$('#tb88').textbox('setText', up[0].instation);
						
					} else if (up.length == 0) {
						$.messager.alert('我的消息', '请勾选需要修改的信息', 'info');
						$('#dg').datagrid('clearSelections');
					} else {
						$.messager.alert('我的消息', '一次只能修改一条信息', 'info');
					}
				}
			}, '-',{
				//弃用配送点功能
				iconCls : 'icon-remove',
				text : '弃用配送点',
				handler : function() {
					var se = $('#dg').datagrid('getSelections');
					if (se.length > 0) {
						$.messager.confirm('确认对话框', '确定要弃用该配送点？', function(r) {
							if (r) {
								$.each(se, function(i, n) {
									var uid = se[i].uid;
									$.ajax({
										type : 'post',
										url : 'removeDisstations',
										data : {
											'uid' : uid
										},
										dataType : 'json',
										success : function(data) {
											if (1 == data) {
												$.messager.show({
													title : '我的消息',
													msg : '弃用该配送点成功',
													showType : 'show',
													timeout : 2000,
												})
												//重加载页面
												$('#dg').datagrid('reload');
											}else if(2 == data){
												$.messager.show({
													title : '我的消息',
													msg : '操作有误，该配送点已被弃用',
													showType : 'show',
													timeout : 2000,
												})
												//重加载页面
												$('#dg').datagrid('reload');
											} else {
												$.messager.show({
													title : '我的消息',
													msg : '弃用失败',
													showType : 'show',
													timeout : 2000,
												});
											}
										}
									})
								})
							} else {
								//取消所选中的行
								$('#dg').datagrid('clearSelections');
							}
						})
					} else {
						$.messager.alert('我的消息', '请勾选您要弃用的配送点', 'info');
					}
				}
			}, '-', {
				iconCls : 'icon-search',
				text : "查询配送点",
				handler : function() {
					$('#win2').window('open');
					$('#tb111').textbox('clear');
					$('#tb222').textbox('clear');
				}
			} ],
			columns : [ [ {
				field : 'ck',
				width : 100,
				checkbox : true
			}, {
				field : 'disid',
				title : '配送点编号',
				width : 100,
				align : 'center'
			}, {
				field : 'disname',
				title : '配送点名称',
				width : 100,
				align : 'center'
			}, {
				field : 'distype',
				title : '配送点类型',
				width : 100,
				align : 'center'
			}, {
				field : 'disstate',
				title : '配送点状态',
				width : 100,
				align : 'center'
			}, {
				field : 'uname',
				title : '配送点负责人',
				width : 100,
				align : 'center'
			},{
				field : 'disscope',
				title : '配送点范围',
				width : 100,
				align : 'center'
			}, {
				field : 'disprice',
				title : '配送价格',
				width : 100,
				align : 'center'
			} , {
				field : 'instation',
				title : '所属站点',
				width : 100,
				align : 'center'
			}] ],
		});
		//新增配送点确定按钮的事件
		$('#btn1').bind('click', function() {
			var disname = $('#tb1').textbox('getValue');
			var distype = $('#tb2').textbox('getValue');
			var uid = $('#tb3').textbox('getValue');
			var disscope = $('#tb4').textbox('getValue');
			var disprice = $('#tb5').textbox('getValue');
			var instation = $('#tb6').textbox('getValue');
			$.ajax({
				type : 'post',
				url : 'insertNewDisstation',
				data : {
					'disname' : disname,
					'distype' : distype,
					'uid' : uid,
					'disscope' : disscope,
					'disprice' : disprice,
					'instation' : instation,
				},
				dataType : 'json',
				success : function(data) {
					if (data == 1) {
						$.messager.show({
							title : '我的消息',
							msg : '新增配送点成功',
							timeout : 2000,
							showType : 'slide'
						});
						$('#dg').datagrid('reload');
						$('#win').window('close');
					} else if (data == 2) {
						$.messager.show({
							title : '我的消息',
							msg : '该配送点已经存在',
							timeout : 2000,
							showType : 'slide'
						});
					} else if (data == 3) {
						$.messager.show({
							title : '我的消息',
							msg : '请输入站点名称',
							timeout : 2000,
							showType : 'slide'
						});
					} else if (data == 4) {
						$.messager.show({
							title : '我的消息',
							msg : '请选择配送点类型',
							timeout : 2000,
							showType : 'slide'
						});
					} else if (data == 5) {
						$.messager.show({
							title : '我的消息',
							msg : '请输入配送范围',
							timeout : 2000,
							showType : 'slide'
						});
					} else if (data == 6) {
						$.messager.show({
							title : '我的消息',
							msg : '请输入配送价格',
							timeout : 2000,
							showType : 'slide'
						});
					} else if (data == 7) {
						$.messager.show({
							title : '我的消息',
							msg : '请选择所属站点',
							timeout : 2000,
							showType : 'slide'
						});
					} else {
						$.messager.show({
							title : '我的消息',
							msg : '新增配送点失败',
							timeout : 2000,
							showType : 'slide'
						});
					}
				}
			})
		});
		
		//取消新增配送点按钮的事件
		$('#btn2').bind('click', function() {
			$('#win').window('close');
		});

		//配送点信息修改确认按钮的事件
		$('#btn3').bind('click', function() {
			var disid = $('#tb11').textbox('getValue');
			var disname = $('#tb22').textbox('getValue');
			var distype = $('#tb33').textbox('getValue');
			var disstate = $('#tb44').textbox('getValue');
			var uid = $('#tb55').textbox('getValue');
			var disscope = $('#tb66').textbox('getValue');
			var disprice = $('#tb77').textbox('getValue');
			var instation = $('#tb88').textbox('getValue');
			$.ajax({
				url : 'UpdateDisstation_updateDisstation',
				type : 'post',
				data : {
					'disid' : disid,
					'disname' : disname,
					'distype' : distype,
					'disstate' : disstate,
					'uid' : uid,
					'disscope' : disscope,
					'disprice' : disprice,
					'instation' : instation,
				},
				dataType : 'json',
				success : function(data) {
					if (data == 1) {
						$.messager.show({
							title : '我的消息',
							msg : '修改成功',
							timeout : 2000,
							showType : 'slide'
						})
						$('#dg').datagrid('reload');
						$('#win1').window('close');
					}else if(data == 2){
						$.messager.show({
							title : '我的消息',
							msg : '该配送点名称已存在',
							timeout : 2000,
							showType : 'slide'
						})
					} else {
						$.messager.show({
							title : '我的消息',
							msg : '修改失败',
							timeout : 2000,
							showType : 'slide',
						})
						$('#dg').datagrid('reload');
						$('#win1').window('close');
					}
				}
			})
		});
		//配送点信息修改取消按钮的事件
		$('#btn4').bind('click', function() {
			$('#dg').datagrid('clearSelections');
			$('#win1').window('close');
		});
		
		//查询提交
		$('#btn5').bind('click', function() {
			$('#win3').window('open');
			$('#win2').window('close');
			$('#dg1').datagrid({
				queryParams: {
					searType: $('#tb111').textbox('getValue'),
					sertInfo: $('#tb222').textbox('getValue')
				},
				url : 'serachStationByInfo',
				columns :[ [ {
					field : 'uid',
					title : '用户编号',
					width : 100,
					align : 'center'
				}, {
					field : 'uname',
					title : '用户姓名',
					width : 100,
					align : 'center'
				}, {
					field : 'utel',
					title : '用户联系方式',
					width : 100,
					align : 'center'
				}, {
					field : 'ustate',
					title : '用户账号状态',
					width : 100,
					align : 'center'
				}, {
					field : 'rname',
					title : '用户权限类型',
					width : 100,
					align : 'center'
				} ] ],
				fitColumns : true,
				rownumbers : true,
				pagePosition : 'bottom',
				pagination : true,
			})		
		});
		
		//取消查询
		$('#btn6').bind('click', function() {
			$('#win2').window('close');
		});
		
		//权限选择下拉菜单
		$('#tb').combobox({
			url : 'showRoles',
			valueField : 'rname',
			textField : 'rname',
			lines : true,
			editable : false,
			panelHeight : 'auto',

		});
		
		//配送点状态选择下拉菜单
		$('#tb2').combobox({
			lines : true,
			editable : false,
			panelHeight : 'auto',
			valueField : 'label',
			textField : 'value',
			data: [{
				label: '主线',
				value: '主线'
			},{
				label: '支线',
				value: '支线'
			}]
		});
		
		//配送点状态选择下拉菜单
		$('#tb33').combobox({
			lines : true,
			editable : false,
			panelHeight : 'auto',
			valueField : 'label',
			textField : 'value',
			data: [{
				label: '主线',
				value: '主线'
			},{
				label: '支线',
				value: '支线'
			}]
		});
		
		//配送点状态选择下拉菜单
		$('#tb44').combobox({
			lines : true,
			editable : false,
			panelHeight : 'auto',
			valueField : 'label',
			textField : 'value',
			data: [{
				label: '正常',
				value: '正常'
			},{
				label: '已废弃',
				value: '已废弃'
			}]
		});
		
		//配送点负责人选择下拉菜单
		$('#tb3').combobox({
			url : 'showStationUser',
			valueField : 'rid',
			textField : 'rname',
			lines : true,
			editable : false,
			panelHeight : 'auto',
		});
		
		//配送点负责人选择下拉菜单
		$('#tb55').combobox({
			url : 'showStationUser',
			valueField : 'rid',
			textField : 'rname',
			lines : true,
			editable : false,
			panelHeight : 'auto',
		});
		
		//所属站点选择下拉菜单
		$('#tb6').combobox({
			url : 'showStationName',
			valueField : 'disid',
			textField : 'disname',
			lines : true,
			editable : false,
			panelHeight : 'auto',
		});
		
		//所属站点选择下拉菜单
		$('#tb88').combobox({
			url : 'showStationName',
			valueField : 'disid',
			textField : 'disname',
			lines : true,
			editable : false,
			panelHeight : 'auto',
		});
		
		
		//查询界面下拉菜单
		$('#tb111').combobox({    
			lines : true,
			editable : false,
			panelHeight : 'auto',
			valueField : 'label',
			textField : 'value',
			data: [{
				label: 'uid',
				value: '用户编号'
			},{
				label: 'uname',
				value: '用户姓名'
			},{
				label: 'utel',
				value: '联系方式'
			},{
				label: 'ustate',
				value: '账号状态'
			}]
		});

	})
</script>
<body>
	<!-- 展示所有配送点信息 -->
	<table id="dg"></table>

	<!-- 新建配送点 -->
	<div id="win" class="easyui-window" title="配送点详细信息"
		style="width: 700px; height: 500px"
		data-options="iconCls:'icon-save',modal:true,closed:true">
		<div id="insert" style="margin-left: 150px; margin-top: 70px">
			  配送点名称<input id="tb1" class="easyui-textbox"style="width:200px; heigh:20px"><br><br> 
			   配送点类型<input id="tb2" class="easyui-textbox"style="width:200px; heigh:20px"/><br><br> 
			   配送点负责人<input id="tb3"class="easyui-textbox"style="width:200px; heigh:20px"data-options="required:true,validType:'number'"/><br><br> 
			   配送范围<input id="tb4" class="easyui-textbox"style="width:200px; heigh:20px"/><br><br> 
			   配送价格<input id="tb5" class="easyui-textbox""style="width:200px; heigh:20px"data-options="required:true,validType:'number'"/><br><br> 
			   所属站点<input id="tb6" class="easyui-textbox"style="width:200px; heigh:20px"data-options="required:true,validType:'number'"/><br><br> 
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn1" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-ok'">确定</a> <a id="btn2" href="#"
					class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>


	<!-- 修改配送点信息的表格 -->
	<div id="win1" class="easyui-window" title="修改配送点信息"
		style="width: 600px; height: 550px"
		data-options="iconCls:'icon-save',modal:true,closed:true">

		<div id="update" style="margin-left: 150px; margin-top: 70px">
			配送点编号<input id="tb11" class="easyui-textbox"style="width: 200px; height: 20px"><br> <br>
			配送点名称<input id="tb22" class="easyui-textbox" style="width: 200px; height: 20px"><br><br>
			配送点类型<input id="tb33" class="easyui-textbox"style="width: 200px; height: 20px"><br> <br>
			配送点状态<input id="tb44" class="easyui-textbox" style="width: 200px; height: 20px"><br><br>
			配送点负责人<input id="tb55" class="easyui-textbox"style="width: 200px; height: 20px"><br><br>
			配送范围<input id="tb66" class="easyui-textbox"style="width: 200px; height: 20px"><br><br>
			配送价格<input id="tb77" class="easyui-textbox"style="width: 200px; height: 20px"><br><br>
			所属站点<input id="tb88" class="easyui-textbox"style="width: 200px; height: 20px"><br><br>
			<div style="margin-left: 100px; margin-top: 30px">
				<a id="btn3" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-ok'">确定</a> <a id="btn4" href="#"
					class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
			</div>
		</div>
	</div>
	
	
		<!-- 配送点查询页面 -->
<div id="win2" class="easyui-window" title="配送点查询" style="width: 600px; height: 400px" data-options="iconCls:'icon-save',modal:true,closed:true">
     <div id="serach" style="margin-left: 150px; margin-top: 70px">
<!-- 下拉选择+输入 -->
        <div>
请选择想查询的类别<input id="tb111" class="easyui-textbox" style="width: 200px; heigh: 20px"required=true><br><br>
请选择想查询的内容<input id="tb222" class="easyui-textbox" style="width: 200px; heigh: 20px"required=true><br><br>
                <a id="btn5" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确定</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a id="btn6" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消</a>
        </div>
	</div>
</div>



<!-- 查询内容展示 -->
<div id="win3" class="easyui-window" title="用户查询" style="width: 600px; height: 400px" data-options="iconCls:'icon-save',modal:true,closed:true">
<table id="dg1"></table>
</div>

</body>
</html>